<ion-content>
  <div class="avatar-div">
    <ion-item lines="none" style="--background:transparent ">
      <ion-avatar slot="start">
        <img *ngIf="!isAvatar" src="assets/icon/avatar.png">
        <img *ngIf="isAvatar" src="{{avatarImg}}">
      </ion-avatar>
      <ion-label style="color: #fff; font-size: 12px;">
        <p>{{nickName}}</p>
        <p (click)="refreshMoney()">余额:{{money}}&nbsp;<ion-icon class="iconfont  ion-ios-shuaxin" style="font-size: 14px"></ion-icon></p>    
      </ion-label>
      <ion-note (click)="onLoginOut()" style="color: #fff; font-size: 20px;font-weight: bold;" class="iconfont  ion-ios-logout" slot="end"></ion-note>
    </ion-item>
  </div>
  <div class="my-kefu-div">
    <ion-grid class="my-kefu-grid">
      <ion-row>
        <ion-col size="4" (click)="onLink('link',linkObj.online)">
          <ion-icon class="iconfont  ion-ios-zaixiankefu" style="font-size: 60px; color: #7fbbeb;"></ion-icon>
          <ion-label>在线客服 </ion-label>
        </ion-col>
        <ion-col size="4" (click)="onLink('qqewm',linkObj.qqimage)">
          <ion-icon class="iconfont  ion-ios-QQ" style="font-size: 60px; color: #5ebeff;"></ion-icon>
          <ion-label>QQ客服 </ion-label>
        </ion-col>
        <ion-col size="4" (click)="onLink('wxewm',linkObj.wximage)">
          <ion-icon class="iconfont  ion-ios-weixin" style="font-size: 60px; color: #9adca3;"></ion-icon>
          <ion-label> 微信客服 </ion-label>
        </ion-col>
      </ion-row>
    </ion-grid>
  </div>
  <ion-list class="my-list-menu" lines="full">
    <ion-item detail="true" (click)="onWalletPage()">
      <ion-icon slot="start" class="iconfont  ion-ios-qianbao" style="font-size: 30px; color: #54d4b6; padding: 2px;">
      </ion-icon>
      <ion-label>
        我的钱包
      </ion-label>
      <!-- <ion-note class="transac-msg" slot="end">查看交易明细</ion-note> -->
    </ion-item>
    <ion-item detail="true" (click)="onPersonalCenterPage()" *ngIf="menu.grzx == 1">
      <ion-icon slot="start" class="iconfont  ion-ios-gerenzhongxin"
        style="font-size: 30px; color: #80c5ee; padding: 2px;"></ion-icon>
      <ion-label>个人中心</ion-label>
    </ion-item>
    <ion-item detail="true" (click)="onJoinPage()" *ngIf="menu.jmhz == 1 && isShowJoin">
      <ion-icon slot="start" class="iconfont  ion-ios-jiameng1" style="font-size: 30px;  color: #38dfe0; padding: 2px;">
      </ion-icon>
      <ion-label>加盟合作</ion-label>
    </ion-item>
    <ion-item detail="true" (click)="onPromotionPage()" *ngIf="menu.yhhd == 1">
      <ion-icon slot="start" class="iconfont  ion-ios-youhui" style="font-size: 30px; color: #fd905f; padding: 2px;">
      </ion-icon>
      <ion-label>优惠送不停</ion-label>
    </ion-item>
    <ion-item detail="true" (click)="onLotNetPage()" *ngIf="menu.kjw == 1">
      <ion-icon slot="start" class="iconfont  ion-ios-quanguokaijiangwang"
        style="font-size: 30px; color: #58dfaa; padding: 2px;"></ion-icon>
      <ion-label>全国开奖网</ion-label>
    </ion-item>
    <ion-item detail="true" (click)="onRecommendappPage()" *ngIf="menu.tjApp == 1">
      <ion-icon slot="start" class="iconfont  ion-ios-erweima" style="font-size: 30px; color: #29b6ff; padding: 2px;">
      </ion-icon>
      <ion-label>分享APP</ion-label>
    </ion-item>
    <ion-item detail="true" (click)="onRulePage()" *ngIf="menu.gz == 1">
      <ion-icon slot="start" class="iconfont  ion-ios-guize" style="font-size: 30px; color: #80c5ee; padding: 2px;">
      </ion-icon>
      <ion-label>规则</ion-label>
    </ion-item>
    <ion-item  detail="true" (click)="onConproPage()" *ngIf="menu.cjwt == 1">
      <ion-icon slot="start" class="iconfont  ion-ios-changjianwenti"
        style="font-size: 30px; color: #f4ea2a; padding: 2px;"></ion-icon>
      <ion-label>常见问题</ion-label>
    </ion-item>
    <ion-item  detail="true" (click)="onFkPage()" >
      <ion-icon slot="start" class="iconfont  ion-ios-yijian"
        style="font-size: 30px; color: #a27df5; padding: 2px;"></ion-icon>
      <ion-label>意见反馈</ion-label>
    </ion-item>
    <ion-item  detail="true" (click)="onFkListPage()">
      <ion-icon slot="start" class="iconfont  ion-ios-youxiang"
        style="font-size: 30px; color: #5ec8ff; padding: 2px;"></ion-icon>
      <ion-label>您的邮件</ion-label>
    </ion-item>
    <ion-item  detail="true" (click)="onDownload()" *ngIf="isCordova"> 
        <ion-icon slot="start" class="iconfont  ion-ios-appgengxinguanli" style="font-size: 30px; color: #1296db; padding: 2px;"></ion-icon> 
        <ion-label>检查更新</ion-label>
    </ion-item>
    <!-- <ion-item>
      <ion-icon detail="true" slot="start" class="iconfont  ion-ios-kuaisu" style="font-size: 30px; color: #80c5ee; padding: 2px;">
      </ion-icon>
      <ion-label>快速投注</ion-label>
      <ion-note class="transac-msg" (click)="onFastBet()" slot="end">
        <ion-toggle [checked]='fast' color="success"></ion-toggle>
      </ion-note>
    </ion-item> -->
  </ion-list>
</ion-content>
<div class="mark-contain" (click)="hideWin()" *ngIf="showWin">
  <div class="img-div">
    <img src="{{linkObj.wximage}}" *ngIf="ewmStyleStr=='wxewm'" />  
    <img src="{{linkObj.qqimage}}" *ngIf="ewmStyleStr=='qqewm'" />
  </div>
</div>

